<template>
  <div>
    <el-dialog
      title="退款"
      :visible.sync="visible"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      @close="handleCancel"
    >
      <el-row>
        <el-col :span="24">
          <el-descriptions>
            <el-descriptions-item label="支付订单号">
              <el-tag type="primary">
                {{ detailData.payOrderId }}
              </el-tag>
            </el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="24">
          <el-descriptions>
            <el-descriptions-item label="支付金额">
              <el-tag type="success">
                {{ detailData.amount / 100 }}
              </el-tag>
            </el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="24">
          <el-descriptions>
            <el-descriptions-item label="可退金额">
              <el-tag type="danger">
                {{ nowRefundAmount }}
              </el-tag>
            </el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>

      <el-form :rules="rules" :model="refund" ref="refundInfo">
        <el-form-item label="退款金额" prop="refundAmount">
          <el-input-number v-model="refund.refundAmount" :precision="2" style="width: 100%" />
        </el-form-item>

        <el-form-item label="退款原因" prop="refundReason">
          <el-input v-model="refund.refundReason" type="textarea" />
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
</script>

<style scoped lang="less">
</style>